@charset "utf-8";
body,html{
	width:100%;height: 100%;
}
body{
	font-size:12px;
	font-family:"microsoft yahei";
	background-color: #fff;
	min-width: 1200px;
}
div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	/*width: 100%;*/
	border: none;
}
a{
	text-decoration: none;
	color:#fff;
	font-size: 12px;
	font-family:"microsoft yahei";
}
a:hover{
	transition:all 0.5s ease 0s;
}

.fl{float: left;}
.fr{float: right;}
.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.dui{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;color:#72ca05;}
.cuo{font-family:"microsoft yahei";font-size:16px;color:red;}
.hongzi{color:red;}
.jiacu{color:red;font-weight:bold;}
.biaoti{margin-bottom:20px;margin-top:60px;width:100%;text-align:center;font-family:"microsoft yahei";font-size:40px;font-weight:bold;color:#000;}

table.gridtable {
	margin:0 auto;
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: red;
	border-collapse: collapse;
	text-align:center;
}
table.gridtable th {
	border-width: 1px;
	padding: 15px 20px 15px 20px;
	border-style: solid;
	border-color: #cacac9;
	background-color: #dedede;
	text-align:center;
	font-family:"microsoft yahei";
	font-size:18px;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px 15px 8px 15px;
	border-style: solid;
	border-color: #cacac9;
	background-color: #ffffff;
	text-align:center;
	font-family:"microsoft yahei";
	font-size:14px;
}
	


#banner {width: 100%;height:450px;background: rgba(0,0,0,1);padding-top: 60px;}
#banner .banner1 {height:390px;background:url(../../picture/banner.jpg) bottom center no-repeat #23262b;}

#bannerdl{width: 100%;height:440px;background: rgba(0,0,0,1);padding-top: 60px;}
#bannerdl .banner1 {height:380px;background:url(../images/aabanner.jpg) bottom center no-repeat #23262b;}

.more{text-align:center;margin:40px auto 0;width:178px;height:42px;line-height:42px;border:1px solid #888;color:#666;border-radius:20px;font-family:"microsoft yahei";font-size:16px;margin-bottom: 75px;}
.more:hover{background:#5999ff;color:#fff;border:1px solid #5999ff;}

/**************************************banner*****************************************/

.banner .b1{background:url(../../picture/banner_4.jpg) bottom center no-repeat #23262b;height:575px;}
.banner .b2{background:url(../../picture/banner_02.jpg) center center no-repeat;height:313px;}
.banner .b3{background:url(../../picture/banner_03.jpg) center center no-repeat;height:332px;}
.banner .b3 .btn_box{width:816px;margin:auto;padding-top:115px;}
.banner .b3 .btn_box .btn_free{width:230px;height:50px;line-height:50px;background:#fff;text-align:center;font-size:19px;border-radius:40px;color:#ff6465;}

.advantage{background:#fff;}
.part{padding:50px 0;}
.part .title{text-align:center;font-size:30px;color:#333;}
.part .hr{width:80px;margin:auto;height:2px;background:#333;margin-top:15px;}
.part .tit{text-align:center;color:#999;font-size:16px;margin:20px 0;}
.part .content{width:1160px;margin:30px auto 0}
.advantage .content .li{width:25%;text-align:center;float:left;padding-top:150px;transition-duration:10s;transition-timing-function:ease-in-out;}
.advantage .content .li .t1{font-size:20px;color:#333;margin-top: 30px;}
.advantage .content .li .t2{font-size:14px;color:#888;margin:0 45px;line-height:23px;margin-top:10px;}
.advantage .content .li1{margin-top: -160px;color:#fff;}
.advantage .content .li1 img:hover{transform: scale(1.1);}
.advantage .content .li2{margin-top: -160px;color:#fff;}
.advantage .content .li2 img:hover{transform: scale(1.1);}
.advantage .content .li3{margin-top: -160px;color:#fff;}
.advantage .content .li3 img:hover{transform: scale(1.1);}
.advantage .content .li4{margin-top: -160px;color:#fff;}
.advantage .content .li4 img:hover{transform: scale(1.1);}

.features{background:url(../images/features-bg.jpg) repeat;}
.features .content .li{width:242px;height:270px;background:#fff;float:left;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;margin-bottom:30px;overflow:hidden;position:relative}
.features .content .li:hover{box-shadow:0px 0px 10px rgba(100,100,100,0.5);}
.features .content .li.ml58{margin-left:58px;}
.features .content .li .s1{display:block;position:absolute;top:0px;width:100%;}
.features .content .li .s1 .icons img{display:block;margin:auto;width:60px;height:60px;margin-top:45px;}
.features .content .li .s1 .t{font-size:18px;color:#555;margin-top:32px;text-align:center}
.features .content .li .s1 .arrow_down{text-align:center;font-size:18px;font-weight:bold;color:#555;margin-top:12px;}
.features .content .li .s1 .show_more{text-align:center;color:#888;font-size:14px;margin-top:18px;}
.features .content .li .s1 .show_more span{border:1px solid #888;padding:6px 13px;}
.features .content .li .s2{cursor:pointer;display:block;position:absolute;top:270px;}
.features .content .li .s2 .icons_sm img{display:block;margin:auto;width:50px;height:50px;margin-top:28px;}
.features .content .li .s2 .t{font-size:18px;color:#555;margin-top:14px;text-align:center}
.features .content .li .s2 .hr2{width:35px;height:4px;background:#dadada;margin:12px auto;}
.features .content .li .s2 .text{font-size:14px;color:#888;line-height:24px;text-align:center;margin:0 22px;height:96px;overflow:hidden;}
.cases{background:url(../images/cases.jpg) center top no-repeat #f2f2f2;}
.cases.part .title,.cases.part .tit{color:#fff;}
.cases.part .hr{width:80px;margin:auto;height:2px;background:#fff;margin-top:15px;}
.cases .content{width:980px;margin:auto;background:url(../images/shouji.png) center top no-repeat;height:480px;margin-top:58px;position:relative;z-index:1;}
.cases .content .bar_dot{text-align:center;position:absolute;bottom:65px;width:100%;z-index:10;}
.cases .content .bar_dot span{display:inline-block;width:15px;height:15px;border-radius:50%;background:#999;margin:0 3px}
.cases .content .bar_dot span.cur{background:#fff;}
.cases .content .slide_bd{width:220px;height:425px;margin:auto;overflow:hidden}
.cases .content .slide_bd ul{width:220px;margin-top:48px;height:377px;position:relative}
.cases .content .slide_bd ul .mask{display:none;position:absolute;width:100%;top:0;height:100%;background:rgba(0,0,0,0.6);z-index:3}
.cases .content .slide_bd .c_img{width:100%;}
.cases .content .slide_bd li{width:220px;position:absolute;top:0;z-index:1;}
.cases .content .slide_bd .case_show_1{left:0;}
.cases .content .slide_bd .case_show_2{left:220px;}
.cases .content .slide_bd .case_show_3{left:440px;}
.cases .content .slide_bd .bar_arrow div{position:absolute;top:40%;color:#bbb;font-weight:bold;cursor:pointer}
.cases .content .slide_bd .bar_arrow div:hover{color:#fff;}
.cases .content .slide_bd .bar_arrow div i{font-size:60px;}
.cases .content .slide_bd .bar_arrow .a_left{left:280px;}
.cases .content .slide_bd .bar_arrow .a_right{right:280px;}
.news{background:#f2f2f2;padding-top:30px;}
.news .content{width:1200px;}
.news .content .li{padding:10px;background:#fff;width:272px;height:330px;float:left;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.news .content .li:hover{box-shadow:0 0 10px rgba(100,100,100,0.4)}
.news .content .li.ml10{margin-left:10px;}
.news .content .thumb{padding-top:0px;position:relative}
.news .content .thumb img{display:block;margin:auto;width:100%;}
.news .content .title{font-size:16px;color:#333;font-weight:bold;height:35px;overflow:hidden;line-height:35px;}
.news .content .text{margin-top:2px;font-size:14px;color:#888;line-height:24px;overflow:hidden;height:72px;}
.news .content .ctime{color:#b7b7b7;font-size:12px;text-align:right;margin-top:10px;}
.news .content .mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.news .content .mask img{display:block;margin:80px auto 0;width:125px;}
.news .content .more{text-align:center;margin:40px auto 0;width:178px;height:42px;line-height:42px;border:1px solid #888;color:#666;border-radius:20px;}

/**************************************footer*****************************************/
#footer {width: 100%;}
#footer .footer_top {width: 100%;height: 288px;background:#2d2d2d;color:#5d5d5d;overflow: hidden;}
#footer .footer_top_box {width:980px;height: 288px;margin: 0 auto;padding-top: 40px;}
#footer .footer_top li a{color: #575757;font-size:14px ;text-decoration: none;}
#footer .footer_top li a:hover{color: #8e8e8e;text-decoration: none;}
#footer .footer_top_box h1 {color: #999;font-size: 15px; font-weight: bold;margin-bottom: 10px;}
#footer .footer_top .footer_top_box .footer_top_box_li {width: 220px; float: left;line-height:30px;}
#footer .footer_top .footer_top_box .footer_top_box_focus {float: left;line-height:30px;}
#footer .footer_top .footer_top_box .footer_top_box_focus h1 {padding-left:20px ;}
#footer .footer_top .footer_top_box .footer_top_box_focus li{float: left;width: 150px;text-align: center;}
#footer .footer_top .footer_top_box .footer_top_box_focus span{display: block;}
#footer .footer_bot {width: 100%;height:110px;background-color: #000;color: #8e8e8e;font-size: 14px; text-align: center;padding-top: 20px;line-height:25px;}
#footer .footer_bot i {color: #2590DC;}
#footer .footer_bot span {margin-right:15px ;}
#footer .footer_bot a{color: #8e8e8e;}
/**************************************悬浮*****************************************/
#right-susp {position:fixed; right:1px; top:50%; z-index:100;width: 60px;height: 240px;}
#right-susp div{margin-top: 5px;}
#right-susp div a.susp-bg {display: block;width: 60px; height: 60px;}

#right-susp .susp-ser1 a.susp-bg{background: url(../../picture/r_nav2g.png) no-repeat;}
#right-susp .susp-ser1 a.susp-bg:hover{background: url(../../picture/r_nav2.png)  no-repeat;}

#right-susp .susp-wechat a.susp-bg{background: url(../../picture/r_nav1g.png) no-repeat;}
#right-susp .susp-wechat a.susp-bg:hover{background: url(../../picture/r_nav1.png) no-repeat;}


#right-susp .susp-gotop a.susp-bg {background: url(../../picture/r_nav3g.png) no-repeat;}
#right-susp .susp-gotop a.susp-bg:hover{background: url(../../picture/r_nav3.png) no-repeat;}

.xc-wechat-box,.xc-qq-box{width: 140px; height: 175px; position:absolute;top:60px; right:60px;padding:6px 10px; background: url(../../picture/arrow_bg.png) no-repeat;display:none;}
.xc-qq-box{top: 0;}
.qq-title{font-size: 18px;color: #298eea;text-align: center;}
.qq-time{font-size: 12px;color: #999;margin: 5px 0 3px 0;text-align: center;}
.xc-wechat-box .box-border .sev-t {width: 100%;height: 100%;}
.xc-wechat-box .box-border .sev-t img{display: block; width:98px;height: 98px; border:1px solid #ccc;margin-left: 7px;}
.weixin{background: url(../../picture/weixin.png) left no-repeat ;margin :7px auto;text-align: center;width: 94px;}
.QQ{background: url(../../picture/QQ.png) left no-repeat ;width: 94px;height: 25px;line-height: 25px;margin: auto;cursor: pointer;}
.weixin span{margin-left: 20px;font-size: 12px;color: #999;}
.QQ a {display: inline; margin-left: 25px;color: #BBB5B5;}
.xc-wechat-box .box-border .sev-t p{ display:block; font-size:14px; color:#298eea;text-align: center;}
.xc-qq-box .sev-t {border-bottom: 1px solid #ccc;padding-bottom: 5px;}
